<template>
	<view class="orderPage">
		<!-- 下单地址 -->
		<view class="takeOverWay flex-between">
			<view class="flex-start-center">
				<image class="img" src="../../../static/会员卡商城加套餐卡/path (6).png" mode=""></image>
				选择配送方式
			</view>
			<view class="">
				<uni-data-checkbox @change="takeGoodChage" v-model="form.take_over_way"
					:localdata="takeGoods"></uni-data-checkbox>
			</view>
		</view>
		<view v-if="form.take_over_way=='2'">
			<view v-if="!selectAddress" class="orderPageAddress flex" @click="selseAddress()">
				请选择下单地址

			</view>
			<view v-else class="orderPageAddress" @click="selseAddress()">
				<view class="">
					{{selectAddress.province_name}}{{selectAddress.city_name}}{{selectAddress.county_name}}
				</view>
				<view class="address font-overflow">
					{{selectAddress.address}}
				</view>
				<view class="">
					{{selectAddress.name}}{{selectAddress.phone}}
				</view>

			</view>
		</view>
		<view v-else>

			<view v-if="!selfPickupAddress" class="orderPageAddress flex" @click="selectNearbyStoresFn()">
				请选择自提门店

			</view>
			<view v-else class="orderPageAddress" @click="selectNearbyStoresFn()">
				<view class="">
					{{selfPickupAddress.province_name}}{{selfPickupAddress.city_name}}{{selfPickupAddress.county_name}}
				</view>
				<view class="address font-overflow">
					{{selfPickupAddress.address}}
				</view>
				<view class="">
					{{selfPickupAddress.name}}{{selfPickupAddress.phone}}
				</view>

			</view>
		</view>
		<!-- 下单地址 -->
		<view class="orderPageDetail">
			<view class="orderPageDescribe flex-start">
				<view>
					<image class="img" :src="productInformation.host_img[0]" mode=""></image>
				</view>
				<view class="flex-column-between-start margin-left_10rpx" style="height: 232rpx ;">
					<view class="font-overflow2">
						{{productInformation.name}}
					</view>

					<view class="example-body">
						<view class="tag-view">
							<uni-tag v-if="productInformation.buying_pattern==1" text="现金加积分"
								custom-style="background-color: rgb(247, 247, 247); border-color: rgb(247, 247, 247); color:rgb(0, 0, 0);font-weight: 400;">
							</uni-tag>
							<uni-tag v-else text="现金购买"
								custom-style="background-color: rgb(247, 247, 247); border-color: rgb(247, 247, 247); color:rgb(0, 0, 0);font-weight: 400;">
							</uni-tag>
						</view>
					</view>

					<view class="flex-start-center">
						<view style="color: rgb(255, 0, 0);">
							￥{{productInformation.price*Number(form.number)}}
						</view>
						<view class="margin-left_20rpx" style="color: rgb(255, 0, 0);">
							<text>数量x{{Number(form.number)}}</text>
						</view>
					</view>
				</view>

			</view>
			<!-- 优惠券抵扣 -->
			<view class="flex-between Deduction">
				<view class="">
					优惠券
				</view>
				<view style="color: rgb(255, 0, 0);" @click="receiveCoupon()">
					{{discountPrice?'-'+discountPrice+'元' :'选择优惠券'}}
				</view>

			</view>
			<view class="flex-between Deduction">
				<view class="">
					会员折扣
				</view>
				<view style="color: rgb(255, 0, 0);">
					{{(discount/10)==10?'无优惠':discount/10+'折'}}
				</view>
			</view>
			<!-- 积分抵扣 -->
			<view v-if="productInformation.buying_pattern==1">
				<view class="flex-between Deduction">

					<view class="">
						是否进行积分抵扣
					</view>

					<switch style="transform:scale(0.7)" :checked="switchCheck" @change="switch1Change" />

				</view>
				<view class="flex-between Deduction" v-if="switchCheck">

					<view class="">
						积分抵扣
					</view>
					<view style="color: rgb(255, 0, 0);">
						-{{deduction_integral_ratio}}元
					</view>
				</view>
			</view>
		</view>
		<!-- 订单备注 -->
		<view class="uni-textarea">
			<textarea v-model="form.remark" placeholder-style="color:#999;" placeholder="请输入备注信息" />
		</view>
		<!-- 支付方式 -->

		<view class="paymentMethod flex-column-between">
			<view class="flex-between">
			
				<view class="flex">
					<image class="balance" src="../../../static/会员卡商城加套餐卡/Group 3460.png" mode=""></image>
					<text style="color: rgb(0, 0, 0);font-size: 28rpx;">微信</text>
				</view>
				<view class="">
					<uni-data-checkbox @change="change" v-model="form.pay_way" :localdata="wxPay"></uni-data-checkbox>
				</view>
			</view>
			<view class="boder">

			</view>
			<view class="flex-between">
			
				<view class="flex">
					<image class="balance" src="../../../static/会员卡商城加套餐卡/Group 3461.png" mode=""></image>
					<text style="color: rgb(0, 0, 0);font-size: 28rpx;margin-right: 20rpx;">余额</text> <text>
						{{ '当前余额('  +currentBalance+')'}}</text>
				</view>
				<view>
					<uni-data-checkbox @change="change" :disabled="currentBalance==0.00" v-model="form.pay_way" :localdata="balance"></uni-data-checkbox>
				</view>
			</view>
			
		</view>
		<!-- 提交订单 -->
		<view class="sumbitOrder flex-between">
			<view class="flex-columns">
				<view class="flex-start-center">
					<text
						style="color: rgb(255, 0, 0);font-size: 40rpx;">￥{{finalPrice(productInformation.price*Number(this.form.number),discountPrice)}}</text>
					<!-- <text style="color: rgb(255, 0, 0);font-size: 30rpx;">50000积分</text> -->
				</view>
				<view>
					<text v-if="discountPrice" style="color:rgb(153, 153, 153) ">优惠券已减： </text><text
						v-if="discountPrice" style="color: rgb(255, 0, 0);">{{discountPrice}}元</text>
				</view>
			</view>

			<view class="orderBtn flex " @click="submitOrder()">
				提交订单
			</view>
		</view>
		<view class="favor">

		</view>
		<!-- 领取优惠券 -->
		<sunui-popup ref="receiveCouponPopup">
			<template v-slot:content>

				<view class="receiveCouponContain flex-column-Jstart">

					<view class="top flex-between">
						<view class="">

						</view>
						<text>选择我的优惠券</text>
						<uni-icons @click='closeWriteOffIcon' class="uniIcon" type="clear" size="30"
							style="color: #07070791;">
						</uni-icons>
					</view>

					<mescroll-body ref="mescrollRef" :height="windowHeight+'rpx'" @init="mescrollInit"
						@down="downCallback" @up="upCallback" :up="upOption" :down="downOption">
						<scroll-view v-if="list.length" :scroll-y="true" style="height: 800rpx;">
							<block v-for="(item,index) in list" :key="index">
								<view class="content ">
									<view class="positionCoupon  flex">
										<text class="font-overflow">{{item.name}}</text>
									</view>
									<view class="couponPrice">
										<view class="flex-between ">
											<view class="flex">
												<view class="left">
													<text style="color: rgb(255, 0, 0)">￥</text>
													<text
														style="color: rgb(255, 0, 0);font-family: Inter;font-size: 64rpx;">{{totelName(item.discount_intensity)}}</text>
												</view>
												<view class="flex-columns"
													style="height: 77rpx;justify-content: space-between;">
													<text
														style="color: rgb(255, 0, 0);font-size: 28rpx">{{ item.type === 3 ? '无门槛福利优惠券' : '满' + totelName(item.trigger_amount) + '减' +totelName(item.discount_intensity)  + '元' }}</text>
													<text
														style="color:rgb(153, 153, 153);font-size: 24rpx">{{extractedDate(item.effective_time) }}到期
													</text>
												</view>
											</view>
											<view class="claimNow flex" @click="receiveCoupons(item,index)">
												{{selectCouponIndex==index?'取消选择':'立即选择'}}
											</view>
										</view>
									</view>
								</view>

							</block>
						</scroll-view>
					</mescroll-body>



				</view>

			</template>
		</sunui-popup>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				loaded: false,
				downOption: {
					auto: false
				},
				// 上拉配置项
				upOption: {
					auto: true
				},
				windowHeight: '',
				list: [],
				tabIndex: 4,
				form: {
					feedbackContent: ''
				},
				radio1: 0,
				balance: [{
					text: '',
					value: '1'
				}],
				wxPay: [{
					text: '',
					value: '2'
				}],
				selectAddress: null,
				// 自提地址
				selfPickupAddress: null,
				token: uni.getStorageSync('login').token,
				// 当前余额
				currentBalance: '',
				productInformation: null,
				// 优惠的价格
				discountPrice: '',
				// 折扣价格
				discount: "",
				// 选择优惠券索引
				selectCouponIndex: 100,
				// 积分抵扣比例
				deduction_integral_ratio: '',
				switchCheck: false,
				// 积分
				integral: '',
				isSuccess:false,
				 ispricezero:false,
				form: {
					goods_id: "",
					// 1余额 2 微信支付
					pay_way: '2',
					// 描述
					remark: '',
					number: '',
					// 1 到店自取 2 送货上门
					take_over_way: '2',
					// 门店id
					store_id: '',
					// 地址id
					address_id: '',
					// 优惠券id
					coupon_id: ''

				},
				takeGoods: [{
					text: '快递',
					value: '2'
				}, {
					text: '自提',
					value: '1'
				}, ],

			}
		},
		onLaunch() {

		},
		onLoad(options) {
			if (!this.loaded) {
				// 获取默认地址
				this.isDefaultAddrsss()
				// 获取默认自提地址
				this.isDefaultSelfPickupAddrsss()
				console.log('页面加载，仅触发一次');
				this.loaded = true;
			}
			// 选择地址
			if (options.uid) {
				console.log(options)
				this.selectAddress = options
				this.form.address_id = options.id
			}

			if (options?.name && options?.buying_pattern && options?.vModelValue) {
				this.productInformation = options
				
				
				this.form.goods_id = options.id
				this.form.number = options.vModelValue
				uni.setStorageSync('goodsInfo', options)
			} else {
				this.productInformation = uni.getStorageSync('goodsInfo')
				this.form.goods_id = this.productInformation.id
				this.form.number = this.productInformation.vModelValue
			}
           let host_imgList =this.productInformation.host_img.split(',').map((item) => {
           	return item
           });
          this.productInformation.host_img= host_imgList

		},
		onShow() {
			console.log('页面加载，仅触发一次');
			// 获取默认地址
			this.isDefaultAddrsss()
			// 获取默认自提地址
			this.isDefaultSelfPickupAddrsss()
			// 获取用户详情
			this.userinfoFn()
			// 商品折扣
			this.gooodsDiscountFn()
			this.$at.releaseKey('submitAll');
			this.mescroll?.resetUpScroll();

		},
		computed: {
			finalPrice: function() {
				return function(price, couponPrice) {
					let result
					console.log(price, couponPrice)
					result= (Math.floor(price* Number(this.discount)) / 100).toFixed(2)
					console.log(result)
					// result = (price * this.discount) / 100
					if (this.productInformation.buying_pattern == 1 && this.switchCheck) {
						result = (result - couponPrice) - this.deduction_integral_ratio;
						console.log(result)
					} else {
						result = result - couponPrice;
					}
                  // 防止出行负数
				    if(result<=0){
						if (this.productInformation.buying_pattern == 1 && this.switchCheck) {
							console.log(price)
							 this.ispricezero=true
							// 如果没有用优惠券那么就是 
							if(couponPrice){
								 if(this.form.pay_way=='2'){
									 	this.deduction_integral_ratio =((Math.max(0, this.deduction_integral_ratio - Math.abs(result).toFixed(2)) ) ).toFixed(2)-0.01
								 }else{
									 this.deduction_integral_ratio =((Math.max(0, this.deduction_integral_ratio - Math.abs(result).toFixed(2)) ) ).toFixed(2)
								 }
									
								// this.deduction_integral_ratio=this.deduction_integral_ratio-Math.abs(result)
							}else{
								if(this.form.pay_way=='2'){
									this.deduction_integral_ratio=((Math.floor(price* Number(this.discount)) / 100).toFixed(2))-0.01
									console.log(this.deduction_integral_ratio,'')
								}else{
									this.deduction_integral_ratio=(Math.floor(price* Number(this.discount)) / 100).toFixed(2)
								}
							}
						} 
						
					}else{
						 this.ispricezero=false
					}
					if(this.form.pay_way=='2'){
						this.form.amount =Math.max(0.01, result.toFixed(2));
						
						return Math.max(0.01, result.toFixed(2)); 
					}else{
						this.form.amount =Math.max(0.00, result.toFixed(2));
						
						return Math.max(0.00, result.toFixed(2)); 
					}
				};


			},
			extractedDate: function() {
				return function(time) {

					return time.split(' ')[0];
				};
			},
			totelName: function() {
				return function(nums) {
					let num
					if (nums.endsWith(".00")) {
						num = nums.slice(0, -3); // 去除末尾的 ".00"
					}
					if (nums >= 10000) {
						let remainder = num % 10000;
						let quotient = Math.floor(num / 10000);
						let decimal = Math.floor(remainder / 1000);
						return quotient + '.' + decimal + '万';
					} else {
						console.log(nums)
						return num?num:nums;
					}
				};
			},
		},
		methods: {
			switch1Change(e) {
				console.log(e)
				this.inFn()
				this.switchCheck = e.detail.value
			},

			// 商品折扣
			async gooodsDiscountFn() {

				const result = await this.$http.post({
					url: this.$api.GooodsDiscount,
					data: {
						goods_id: this.form.goods_id

					},
					headers: {
						'Authorization': `Bearer ${this.token}`
					}

				})
				if (result.code == 0) {
					this.discount = result.data.discount

				} else {
					this.$sun.toast(result.msg, 'none')
				}
			},
			// 选择附近门铺
			selectNearbyStoresFn() {
				console.log('页面加载，仅触发一次');
				this.$sun.navGo('/pages/addressManagement/nearbyStores')
			},
			// 领取优惠券
			receiveCoupon() {


				this.$refs.receiveCouponPopup.show({
					anim: 'bottom',
					position: 'bottom',
					shadeClose: false, //false使用户不能点击其它关闭页面
					topclose: false,
					zIndex: 99999
				});
				this.$nextTick(() => {
					this.mescroll?.resetUpScroll();
				})

			},
			async userinfoFn() {

				const result = await this.$http.post({
					url: this.$api.userinfo,
					data: {
						id: uni.getStorageSync('userId'),

					},
					headers: {
						'Authorization': `Bearer ${this.token}`
					}

				})
				console.log(result)
				if (result.code == 0) {
					this.currentBalance = result.data.balance

					this.integral = result.data.surplus_integral ? result.data.surplus_integral : result.data.integral;
					this.inFn()
				} else {
					this.$sun.navGo(result.msg, 'none')
				}



			},
			async inFn() {
				// 获取积分进行抵扣
				const res = await this.$http.post({
					url: this.$api.getConfig,
					data: {


					},
					headers: {
						'Authorization': `Bearer ${this.token}`
					}

				})
				console.log(res)
				if (res.code == 0) {
					this.deduction_integral_ratio = Math.floor((this.integral / res.data.deduction_integral_ratio) *
						100) / 100;
					console.log(this.deduction_integral_ratio)
				} else {
					this.$sun.navGo(res.msg, 'none')
				}
			},
			// 关闭购物弹层
			closeWriteOffIcon() {
				this.$refs.receiveCouponPopup.close()
			},
			submitOrder() {
				 // this.$sun.navRe('/pages/orderManagement/orderManagement',{currentIndex:1});
				// productInformation.buying_pattern

				this.$at.uniDoFunc({
					key: 'submitAll',
					success: async () => {
						this.$at.lockKey('submitAll');

						console.log(this.form)
 
						// 余额
						if (this.form.pay_way == 1) {
							if (this.form.amount > this.currentBalance) {
								this.$sun.toast('余额不足无法提交订单', 'none')
								this.$at.releaseKey('submitAll');
								return
							} else {
								if (!this.form.address_id && this.form.take_over_way == '2') {
									this.$sun.toast('请选择下单地址', 'none')
									this.$at.releaseKey('submitAll');
								} else if (!this.form.store_id && this.form.take_over_way == '1') {
									this.$sun.toast('请选择自提地址', 'none')
									console.log(!this.form.store_id, this.form.take_over_way)
									this.$at.releaseKey('submitAll');
								} else {
									this.switchCheck ? this.form.points_offset = 1 : this.form.points_offset =
										0
									uni.showModal({
										title: '提示',
										content: '是否用余额支付',
										success: async (res) => {
											if (res.confirm) {
												console.log(this.form)
												this.$at.releaseKey('submitAll');
												const result = await this.$http.post({
													url: this.$api.createGoodsOrder,
													data: {
														...this.form
													},
													headers: {
														'Authorization': `Bearer ${this.token}`
													}

												})

												if (result.code == 0) {


													this.$at.releaseKey('submitAll');


													this.$sun.toast(result.msg, 'none')
													setTimeout(() => {
														this.$sun.navRe(
															'/pages/shop/orderSuccess/orderSuccess'
														)
													}, 800)

												} else {
													this.$at.releaseKey('submitAll');
													this.$sun.toast(result.msg, 'none')
												}
											} else if (res.cancel) {
												this.$at.releaseKey('submitAll');
											}
										}
									});



								}

							}
						} else {
							// 微信支付
							 // this.$sun.navRe('/pages/orderManagement/orderManagement',{currentIndex:1});
								if (!this.form.address_id && this.form.take_over_way == '2') {
									this.$sun.toast('请选择下单地址', 'none')
									this.$at.releaseKey('submitAll');
								} else if (!this.form.store_id && this.form.take_over_way == '1') {
									this.$sun.toast('请选择自提地址', 'none')
									console.log(!this.form.store_id, this.form.take_over_way)
									this.$at.releaseKey('submitAll');
								} else {
									this.switchCheck ? this.form.points_offset = 1 : this.form.points_offset =
										0
									this.$at.releaseKey('submitAll');
									const result = await this.$http.post({
										url: this.$api.createGoodsOrder,
										data: {
											...this.form
										},
										headers: {
											'Authorization': `Bearer ${this.token}`
										}

									})

									if (result.code == 0) {

                                        let pay =result.data
										this.$at.releaseKey('submitAll');
										await this.$wx.config({
											debug: false,
											appId: pay.appid,
											timestamp: pay.timeStamp,
											nonceStr: pay.nonceStr,
											paySign: pay.paySign,
											jsApiList: ['chooseWXPay']
										});
										await this.$wx.chooseWXPay({
											timestamp: pay.timeStamp,
											nonceStr: pay.nonceStr,
											package: pay.package,
											signType: pay.signType,
											paySign: pay.paySign,
											appId: pay.appId,
											
											success: async res => {
												this.isSuccess = true;
												this.$sun.toast('进入支付成功111');
												console.log('进入支付成功2222222', res);
											
												// 后台修改状态，则不需要重复调用接口
												// this.wxOrder();
											},
											fail: async err => {
												this.$sun.toast('取消了支付');
												this.$at.releaseKey('submitAll');
											
											},
											complete: async res => {
												if (this.isSuccess == true) {
													console.log('进入支付成功回调===========', res);
                                                   this.$sun.navRe(
                                                   	'/pages/shop/orderSuccess/orderSuccess'
                                                   )
													
												} else {
													this.$sun.toast('取消了支付');
													this.$at.releaseKey('submitAll');
													// 跳页面
													 this.$sun.navRe('/pages/orderManagement/orderManagement',{currentIndex:1});
												}
												console.log('进入测试回调===========', res);
											}
										});
										console.log(result)


									} else {
										this.$at.releaseKey('submitAll');
										this.$sun.toast(result.msg, 'none')
									}



								}

							

						}






					}
				})


				
			},

			selseAddress() {
				// 选择下单地址
				this.$sun.navGo('/pages/addressManagement/addressManagement')
			},
			change(e) {
				console.log(e)
				this.form.pay_way = e.detail.data.value
				this.inFn()
				
			},
			takeGoodChage(e) {
				this.form.take_over_way = e.detail.data.value
			},
			async upCallback(scroll) {

				const result = await this.$http.post({
					url: this.$api.myCoupon,
					data: {
						page: scroll.num,
						limit: 10,
						classify_id: this.productInformation.classify_id

					},
					headers: {
						'Authorization': `Bearer ${this.token}`
					}

				})
				if (result.code == 0) {

					console.log('地址管理列表', this.productInformation);
					// 判断当前 商品分类id 和我们的优惠券id是否相等（包括分类id为0） 
					this.mescroll.endByPage(result.data.list.length, this.$sun.pagingSum(result.data.count, 10));
					if (scroll.num == 1) this.list = [];
					this.list = this.list.concat(result.data.list);
					this.list = this.list.filter((item) => {
						return item.classify_id == this.productInformation.classify_id || item.classify_id ==
							0;
					})
					console.log('this.list', this.list, this.list.length);
				}
			},
			// 需要查询当前是否有默认地址如果有默认地址需要显示出来
			async isDefaultAddrsss() {
				const result = await this.$http.post({
					url: this.$api.addressList,
					data: {

					},
					headers: {
						'Authorization': `Bearer ${this.token}`
					}

				})
				console.log(result)
				if (result.code == 0) {
					const res = result.data.find((item) => {
						return item.status == 1
					})
					if (res) {
						this.selectAddress = res
						this.form.address_id = res.id
					}
				}


			},
			// 获取默认自提地址
			async isDefaultSelfPickupAddrsss() {
				
				const result = await this.$http.post({
					url: this.$api.storeList,
					data: {
						page: scroll.num,
						limit: 10,
					},
					headers: {
						'Authorization': `Bearer ${this.token}`
					}
				
				})
				console.log(result.data.list.length)
               // 需要先判断有没有门店 没有门店不显示
			   if(result.data.list.length){
				   this.selfPickupAddress = uni.getStorageSync('nearStore')
				   this.form.store_id = this.selfPickupAddress.id
			   }
				
				

			},
			receiveCoupons(item, index) {
				if (this.selectCouponIndex == index) {
					console.log('取消选择', this.selectCouponIndex, index)
					this.selectCouponIndex = 100
					this.discountPrice = 0
					this.form.coupon_id = ''
					if(this.ispricezero){
					        this.switchCheck=false
					}
				} else {
					if (item.type !== 3 && this.productInformation.price * Number(this.form.number) < item
						.trigger_amount) {
						this.$sun.toast('优惠券不满足当前状态', 'none')
						return
					} else {
						this.selectCouponIndex = index

						this.form.coupon_id = item.id
						console.log(item)
						// 这里需要判断当前的价格是否大于优惠卷 如果优惠券大于余额不可以折扣（前提是满减券和新人券）


						this.discountPrice = item.discount_intensity
					}

				}
				this.$refs.receiveCouponPopup.close()

			}




		}
	}
</script>

<style lang="less" scoped>
	.orderPage {
		.receiveCouponContain {
			background-color: #fff;
			height: 50vh;
			height: auto;
			overflow-x: auto;


			.top {
				padding: 30rpx 0;
				width: 100%;

				text {
					color: rgb(0, 0, 0);
					font-size: 36rpx;
					font-weight: 400;
				}
			}

			.content {

				width: 698rpx;
				height: auto;
				overflow-x: auto;
				border-radius: 20rpx;
				margin-bottom: 20rpx;
				background: rgb(255, 242, 242);

				.positionCoupon {
					padding: 8rpx;
					width: 154rpx;
					height: 50rpx;
					border-radius: 20rpx 0rpx 20rpx 0rpx;
					color: rgb(255, 0, 0);
					background: rgb(255, 219, 219);
					font-size: 24rpx;
				}

				.couponPrice {
					padding: 20rpx 26rpx;

					.left {
						margin-right: 32rpx;
					}

					.claimNow {
						width: 144rpx;
						height: 58rpx;
						border-radius: 25rpx;
						color: #fff;
						background: rgb(255, 0, 0);
					}
				}
			}

			.bottom {

				border-radius: 600rpx;
				width: 662rpx;
				height: 96rpx;
				box-shadow: 0px 4px 4px 0px rgba(28, 197, 45, 0.2);
				background: rgb(255, 0, 0);
				color: #fff;
				position: fixed;
				bottom: 20rpx;
			}
		}

		.takeOverWay {
			padding: 20rpx;
			height: 100rpx;
			border-bottom: 1rpx solid #f5f5f5;
			background: rgb(255, 255, 255);

			.img {
				width: 52rpx;
				height: 52rpx;
				margin-right: 20rpx;
			}
		}

		.orderPageAddress {
			padding: 20rpx;
			height: 200rpx;
			border-radius: 0rpx 0rpx 20rpx 20rpx;
			background: rgb(255, 255, 255);

			.address {
				color: rgb(51, 51, 51);
				font-size: 32rpx;
				font-weight: 600;
				padding: 14rpx 0
			}
		}

		.orderPageDetail {
			margin-top: 20rpx;
			padding: 20rpx;

			background: rgb(255, 255, 255);

			.orderPageDescribe {
				padding-right: 90rpx;

				.img {
					width: 230.02rpx;
					height: 232rpx;
				}

			}

			.Deduction {
				margin-top: 46rpx;
			}
		}

		.paymentMethod {
			margin-top: 20rpx;
			padding: 36rpx;
			width: 730rpx;
			height: 228rpx;
			border-radius: 10px;

			background: rgb(255, 255, 255);

			.balance {
				width: 50rpx;
				height: 50rpx;
				margin-right: 30rpx;
			}

			.boder {
				width: 657rpx;
				height: 0;
				border: 1rpx solid rgb(245, 245, 245);
			}

			/deep/ .checklist-box {
				margin-right: 0;
			}
		}

		.favor {
			height: 140rpx;
		}

		.sumbitOrder {
			width: 100%;
			height: 140rpx;
			padding: 0 30rpx;
			background: rgb(255, 255, 255);
			position: fixed;
			bottom: 0;
			z-index: 999;

			.orderBtn {
				border-radius: 148rpx;
				color: #ffffff;
				background: rgb(255, 57, 38);
				width: 240rpx;
				height: 88rpx;
			}
		}

		.uni-textarea {
			margin-top: 20rpx;

			textarea {
				width: 100%;
				box-sizing: border-box;
				border-radius: 10px;

				background: rgb(255, 255, 255);
				border-radius: 10px;
				background-color: #ffffff;
				padding: 15rpx 15rpx 15rpx 15rpx;
			}
		}
	}
</style>